<template>
	<view class="content set">
		<view class="content-top" style="margin-bottom: 10px;">
			<view class='cell-group'>
				<view class='cell-item cell-item-mid'>
					<view class='cell-item-hd'>
						<view class='cell-hd-title'>联系人</view>
					</view>
					<view class='cell-item-bd'>
						<input type="text" class='cell-bd-input' placeholder='请输入联系人' v-model="username"  placeholder-class="phcolor"></input>
					</view>
				</view>
				<view class='cell-item cell-item-mid'>
					<view class='cell-item-hd'>
						<view class='cell-hd-title'>手机号</view>
					</view>
					<view class='cell-item-bd'>
						<input type="text" class='cell-bd-input' placeholder='请输入' v-model="mobile"  placeholder-class="phcolor"></input>
					</view>
				</view>

				<view style="margin-top: 10px;" v-if="moreText">
					<!-- <view class='cell-item cell-item-mid'>
						<view class='cell-item-hd'>
							<view class='cell-hd-title'>发布类型</view>
						</view>
						<view class='cell-item-bd'>
							<view class='cell-bd-input' v-model="mobile" @tap="handleTap('picker1')" style="color: #c7c7c7;" :style="{color: value1!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value1 }}</view>
						</view>
						<view class='cell-item-ft' style="width: 12px;height: 12px;">
							<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker" style="width: 100%;height: 100%;"></image>
						</view>
						<lb-picker ref="picker1" v-model="value1" mode="selector" :list="list1" @change="handleChange" @confirm="handleConfirm"
						 @cancel="handleCancel">
						</lb-picker>
					</view>
 -->
					<view class='cell-item cell-item-mid'>
						<view class='cell-item-hd'>
							<view class='cell-hd-title'>设备类型</view>
						</view>
						<view class='cell-item-bd'>
							<view class='cell-bd-input'  @tap="handleTap('picker')" :style="{color: value!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value }}</view>
						</view>
						<view class='cell-item-ft' style="width: 12px;height: 12px;">
							<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker" style="width: 100%;height: 100%;"></image>
						</view>
						<lb-picker ref="picker" v-model="value" mode="selector" :list="cartypeArr" @change="handleChange" @confirm="handleConfirm"
						 @cancel="handleCancel">
						</lb-picker>
					</view>
					<view class='cell-item cell-item-mid'>
						<view class='cell-item-hd'>
							<view class='cell-hd-title'>设备品牌</view>
						</view>
						<view class='cell-item-bd'>
							<view class='cell-bd-input' @tap="handleTap2('picker2')" :style="{color: value2!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value2 }}</view>
						</view>
						<view class='cell-item-ft' style="width: 12px;height: 12px;">
							<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker2" style="width: 100%;height: 100%;"></image>
						</view>
						<lb-picker ref="picker2" v-model="value2" mode="selector" :list="brand" @change="handleChange2" @confirm="handleConfirm2"
						 @cancel="handleCancel2">
						</lb-picker>
					</view>
					<view class='cell-item cell-item-mid'>
						<view class='cell-item-hd'>
							<view class='cell-hd-title'>出厂年月</view>
						</view>
						<view class='cell-item-bd'>
							<dyDatePicker timeType="month" @getData="getData" placeholder="请选择" minSelect="1990/01/01" maxSelect="2025/12/31" style="width: 100%;"></dyDatePicker>
						</view>
					
						<view class='cell-item-ft' style="width: 12px;height: 12px;">
							<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker" style="width: 100%;height: 100%;"></image>
						</view>

					</view>
					<view class='cell-item cell-item-mid'>
						<view class='cell-item-hd'>
							<view class='cell-hd-title' @tap="handleTap11('picker11')">看车地点</view>
						</view>
						<view class='cell-item-bd'>
							<view class='cell-bd-input' @tap="handleTap11('picker11')" :style="{color: value11!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value11 }}</view>
						</view>
						<view class='cell-item-ft' style="width: 12px;height: 12px;">
							<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker11" style="width: 100%;height: 100%;"></image>
						</view>
						<lb-picker ref="picker11" v-model="address" 					
						  mode="multiSelector"
						  :list="listAreaData"
						  :level="2"
						   @change="handleChange11"
							@confirm="handleConfirm11"
						 @cancel="handleCancel11">
						</lb-picker>
					</view>

					<view class='cell-item cell-item-mid'>
						<view class='cell-item-hd'>
							<view class='cell-hd-title'>出售价格</view>
						</view>
						<view class='cell-item-bd'>
							<input type="text" class='cell-bd-input' placeholder='请输入' v-model="price"  placeholder-class="phcolor"></input>
						</view>
						<view style="color: #666666;">万</view>
					</view>

					<!--上传图片-->
					<view class="info-payment">
						<view class="info-title">设备图片<text style="font-size: 12px;color: #C7C7C7;">（第一张请上传车辆正45度照片）</text></view>
						<view class="info-payment-wrapper">
							<view class="fk_img">
								<view class="evaluate-c-b">
									<view class="goods-img-item" v-for="(item, key) in images" :key="key" style="width: 188upx;height: 188upx;">
										<image class="del" src="/static/images/shanchu.png" mode="" @click="delImage(item)"></image>
										<image class="" :src="item.url" mode="" @click="clickImg(item.url)"></image>
									</view>
									<view class="upload-img" v-show="isImage" @click="upImage" style="width: 188upx;height: 188upx;">
										<image class="icon" src="/static/images/11.png" mode="" style="width: 100%;height: 100%;"></image>
									</view>
								</view>
							</view>
						</view>
					</view>

					<!--图片下文字-->
					<view style="margin-top: 10px;" v-if="moreText">
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>设备标题</view>
							</view>
							<view class='cell-item-bd'>
								<input type="text" class='cell-bd-input' placeholder='请输入' v-model="name"  placeholder-class="phcolor"></input>
							</view>


						</view>

						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>设备简介</view>
							</view>
							<view class='cell-item-bd'>
								<input type="text" class='cell-bd-input' placeholder='请输入' v-model="info"  placeholder-class="phcolor"></input>
							</view>
						</view>
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>{{leisong}}</view>
							</view>
							<view class='cell-item-bd'>
							<input type="text" class='cell-bd-input' placeholder='请输入' v-model="hours"  placeholder-class="phcolor"></input>
							
							</view>
							<view style="color: #666666;display: block;">{{li}}</view>
						</view>
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>{{bijia}}</view>
							</view>
							<view class='cell-item-bd'>
								<input type="text" class='cell-bd-input' placeholder='请输入' v-model="guLength"  placeholder-class="phcolor"></input>
							</view>
							<view style="color: #666666;">{{mi}}</view>
						</view>
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>汽车底盘</view>
							</view>
							<view class='cell-item-bd'>
								<input type="text" class='cell-bd-input' placeholder='请输入' v-model="car_chassis"  placeholder-class="phcolor"></input>
							</view>
	
						</view>

						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>排放标准</view>
							</view>
							<view class='cell-item-bd'>
								<view class='cell-bd-input' @tap="handleTap7('picker7')" :style="{color: value7!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value7 }}</view>
							</view>
							<view class='cell-item-ft' style="width: 12px;height: 12px;">
								<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker7" style="width: 100%;height: 100%;"></image>
							</view>
							<lb-picker ref="picker7" v-model="value7" mode="selector" :list="pumping" @change="handleChange7" @confirm="handleConfirm7"
							 @cancel="handleCancel7">
							</lb-picker>
						</view>
					<!-- 	<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>还款情况</view>
							</view>
							<view class='cell-item-bd'>
								<view class='cell-bd-input' @tap="handleTap3('picker3')" :style="{color: value3!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value3 }}</view>
							</view>
							<view class='cell-item-ft' style="width: 12px;height: 12px;">
								<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker3" style="width: 100%;height: 100%;"></image>
							</view>
							<lb-picker ref="picker3" v-model="value3" mode="selector" :list="repay" @change="handleChange3" @confirm="handleConfirm3"
							 @cancel="handleCancel3">
							</lb-picker>
						</view> -->
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>行驶证</view>
							</view>
							<view class='cell-item-bd'>
								<view class='cell-bd-input' @tap="handleTap4('picker4')" :style="{color: value4!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value4 }}</view>
							</view>
							<view class='cell-item-ft' style="width: 12px;height: 12px;">
								<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker4" style="width: 100%;height: 100%;"></image>
							</view>
							<lb-picker ref="picker4" v-model="value4" mode="selector" :list="driving_license" @change="handleChange4" @confirm="handleConfirm4"
							 @cancel="handleCancel4">
							</lb-picker>
						</view>
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>登记证书</view>
							</view>
							<view class='cell-item-bd'>
								<view class='cell-bd-input' @tap="handleTap5('picker5')" :style="{color: value5!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value5 }}</view>
							</view>
							<view class='cell-item-ft' style="width: 12px;height: 12px;">
								<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker5" style="width: 100%;height: 100%;"></image>
							</view>
							<lb-picker ref="picker5" v-model="value5" mode="selector" :list="prove" @change="handleChange5" @confirm="handleConfirm5"
							 @cancel="handleCancel5">
							</lb-picker>
						</view>
						<view class='cell-item cell-item-mid'>
							<view class='cell-item-hd'>
								<view class='cell-hd-title'>过户情况 </view>
							</view>
							<view class='cell-item-bd'>
								<view class='cell-bd-input'  @tap="handleTap6('picker6')" :style="{color: value6!='请选择' ? styles.fontSmall : styles.fontBig}">{{ value6 }}</view>
							</view>
							<view class='cell-item-ft' style="width: 12px;height: 12px;">
								<image class='cell-ft-next icon' src='/static/images/right_icon.png' @click="showThreePicker6" style="width: 100%;height: 100%;"></image>
							</view>
							<lb-picker ref="picker6" v-model="value6" mode="selector" :list="transfer_type" @change="handleChange6" @confirm="handleConfirm6"
							 @cancel="handleCancel6">
							</lb-picker>
						</view>

					</view>
				</view>
			</view>
		</view>
		<!--展开更多卖车信息-->
		<view class="button-bottom" style="background-color: #fff;margin-bottom: 41px;" v-if="showText">
			<button class="btn btn-square btn-b" @click="carMoreShow()" hover-class="btn-hover2" style="background-color: #fff;color: #D62222;">
				<image class='maiche-icon' src='/static/images/xiangxia.png' @click="showThreePicker" style="width: 16px;height: 12px;margin-right: 10px;"></image>
				补充更多卖车信息
			</button>
		</view>

		<!--收起更多卖车信息-->
		<view class="button-bottom" style="background-color: #fff;margin-bottom: 41px;" v-if="upText">
			<button class="btn btn-square btn-b" @click="carMoreUp()" hover-class="btn-hover2" style="background-color: #fff;color: #D62222;">
				<image class='maiche-icon' src='/static/images/xiangshang.png' @click="showThreePicker" style="width: 16px;height: 12px;margin-right: 10px;"></image>
				收起更多卖车信息
			</button>
		</view>


		<!--卖出-->
		<view class="button-bottom" style="background-color: inherit;">
			<button class="btn btn-square btn-b" @click="saveShip" hover-class="btn-hover2">一键卖出</button>
		</view>

		<!--流程图-->
		<view style="margin: 0 17px;">
			<image src='/static/images/maicliuc.png' style="height: 270px;width: 100%;margin-top: 24px;"></image>
		</view>
	</view>

</template>

<script>
	import areaPicker from "@/components/area-picker/areaPicker.vue";

	import LbPicker from '@/components/lb-picker';
	import areaData from '../service/area-data-min'
	//
	import dyDatePicker from '@/components/dy-Date/dy-Date.vue'
	export default {
		components: {
			areaPicker,
			LbPicker,
			dyDatePicker
		},
		data() {
			return {
				listAreaData: areaData,
				moreText: false, //显示隐藏
				showText: true, //展开按钮
				upText: false, //收起按钮
				styles: {
					fontBig: '#C7C7C7',
					fontSmall: '#333333'
				},


				//
				value1: '请选择',
				list1: [{
						label: '选项一',
						value: 'A'
					},
					{
						label: '选项二',
						value: 'B'
					}
				],
				value:"请选择",//设备类型
				value2: '请选择',//设备品牌
				value3: '请选择',//还款情况
				value4: '请选择',//行驶证     
				value5: '请选择',//完税说明
				value6: '请选择',//过户情况  
				value7: '请选择',//泵送方量
				value11:'请选择',//地点
				images: [], //设备图片
				image_max: 10, //用于前台判断上传图片按钮是否显示
				refund_input_noedit: true,
				mode: 'aspectFill',

				//
				cartypeArr:[],
				username: "", //联系人
				mobile: "", //手机号
				car_type: [], //设备类型
				brand: [], //设备品牌
				factory_date: "", //出厂年月
				address: [], //看车地点
				price: "", //出售价格
				name: "", //设备标题
				info: "", //设备简介
				hours: "", //设备小时
				guLength: "", //臂架长度
				car_chassis: "", //汽车地盘
				repay: ['分期已还完', '未还完'], //还款情况
				driving_license: ['有', '无'], //行驶证
				prove: ['有', '无'], //完税证明 
				transfer_type: ['可过户', '不可过户'], //过户情况
				pumping:['国二','国三','国四','国五','国六'],//泵送方量
				
				carTypeId:"",//类型id
				brandId:"",//品牌id
				repayId:"",//还款id
				drivingId:"",//行驶证id
				proveId:"",//完税证明id
				transferId:"",//过户id
				pumpingValue:"",
				sArr:[],
				sArrString:[],
				userInfo:{},
				leisong:'泵送方量',//泵送方量变化
				bijia:'臂架长度',//臂架长度变化
				mi:'米',
				li:'万方',
				area_id:''//市id
			}
		},
		computed: {
			isImage() {
				let num = this.image_max - this.images.length;
				if (num > 0) {
					return true;
				} else {
					return false;
				}
			}
		},
		onLoad() {
			this.getcarGettype();
			this.getUserInfo()
		},
		methods: {
			getUserInfo(){
				this.$api.userInfo({}, res => {
					if (res.status) {
						this.userInfo = res.data;
						this.mobile = this.userInfo.mobile
						console.log(this.userInfo)
						}
						})
			},
			
			
			//日期
			getData(a) {
				this.factory_date = a;
				console.log(a)
				// 
			},
			//上传图片
			upImage() {
				let num = this.image_max - this.images.length;
				if (num > 0) {
					this.$api.uploadImage(num, res => {
						if (res.status) {
							this.images.push(res.data);
							
							this.sArr.push(res.data.image_id);
							this.sArrString = this.sArr.toString(); 
							console.log(this.sArrString);
							this.$common.successToShow(res.msg);
						} else {
							this.$common.errorToShow(res.msg);
						}
					});
				}
			},

			//删除图片
			delImage(e) {
				let newImages = [];
				for (var i = 0; i < this.images.length; i++) {
					if (this.images[i].image_id != e.image_id) {
						newImages.push(this.images[i]);
					}
				}
				this.images = newImages;
			},
			carMoreShow() { //展开更多
				this.moreText = true;
				if (this.moreText) {
					this.showText = false;
					this.upText = true
				}
			}, //隐藏更多
			carMoreUp() {
				this.moreText = false;
				this.showText = true;
				this.upText = false
			},
			//设备类型
			handleTap(name) {
				this.$refs[name].show()
			},
			handleChange(item) {
				console.log('change::', item)
			},
			handleConfirm(item) {
				this.carTypeId = item.index+1;
				console.log(this.carTypeId+'carTypeId')
				//搅拌车
				if(this.carTypeId == 3){
					this.leisong = '行驶里程';
					this.bijia = '罐子容积';
					this.mi = '方';
					this.li = '公里'
				}
				//拖泵和车载泵
				if(this.carTypeId==2||this.carTypeId==4){
					this.leisong = '泵送时间';
					this.bijia = '出口压力';
					this.mi = '兆帕';
					this.li = '小时'
				}
				//泵车
				if(this.carTypeId==1){
					this.leisong = '泵送方量';//泵送方量变化
					this.bijia = '臂架长度';//臂架长度变化
					this.mi = '米';
					this.li = '万方';
				}
			},
			handleCancel(item) {
				console.log('cancel::', item)
			},
			
			//设备品牌
			handleTap2(name) {
				this.$refs[name].show()
			},
			handleChange2(item) {
				console.log('change::', item)
			},
			handleConfirm2(item) {
				this.brandId = item.item.id;
				console.log(this.carTypeId+'brandId')
			},
			handleCancel2(item) {
				console.log('cancel::', item)
			},
			
			//还款情况
			handleTap3(name) {
				this.$refs[name].show()
			},
			handleChange3(item) {
				console.log('change::', item)
			},
			handleConfirm3(item) {
				this.repayId = item.index+1;
				console.log(this.repayId+'repayId')
			},
			handleCancel3(item) {
				console.log('cancel::', item)
			},
			
			//行驶证
			handleTap4(name) {
				this.$refs[name].show()
			},
			handleChange4(item) {
				console.log('change::', item)
			},
			handleConfirm4(item) {
				this.drivingId = item.index+1;
				console.log(this.drivingId+'drivingId')
			},
			handleCancel4(item) {
				console.log('cancel::', item)
			},
			
			//完税说明
			handleTap5(name) {
				this.$refs[name].show()
			},
			handleChange5(item) {
				console.log('change::', item)
			},
			handleConfirm5(item) {
				this.proveId = item.index+1;
				console.log(this.proveId+'proveId')
			},
			handleCancel5(item) {
				console.log('cancel::', item)
			},
			
			//过户情况
			handleTap6(name) {
				this.$refs[name].show()
			},
			handleChange6(item) {
				console.log('change::', item)
			},
			handleConfirm6(item) {
				console.log('confirm::', item)
				this.transferId = item.index+1;
				console.log(this.transferId+'transferId')
			},
			handleCancel6(item) {
				console.log('cancel::', item)
			},
			
			
			//泵送方量
			handleTap7(name) {
				this.$refs[name].show()
			},
			handleChange7(item) {
				console.log('change::', item)
			},
			handleConfirm7(item) {
				// this.pumping = item.item;
				this.pumpingValue = item.item;
				console.log(this.pumpingValue+'pumpingvalue')
				console.log('confirm::', item)
				
			},
			handleCancel7(item) {
				console.log('cancel::', item)
			},
			
			//地点
			handleTap11(name) {
				this.$refs[name].show()
			},
			handleChange11(item) {
				console.log('change::', item)
			},
			handleConfirm11(item) {
			this.value11 = item.item[1].label;
			
			this.area_id = item.item[1].value//地图id
				console.log('confirm::', item)
				
			},
			handleCancel7(item) {
				console.log('cancel::', item)
			},
			
			
			// 获取类型
			getcarGettype() {
				this.$api.carGettype({}, res => {
					if (res.status) {
						let car_type = res.data.car_type; //设备类型
						var cartypeArr = car_type.map(item => ({
							id: item.id,
							label: item.name,
							value: item.name
						}))
						this.cartypeArr = cartypeArr;
						
						let brand = res.data.brand; //设备品牌
						var brandArr = brand.map(item => ({
							id: item.id,
							label: item.name,
							value: item.name
						}))
						this.brand = brandArr;
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			//提交
			saveShip() {
				let res = {};
				console.log(this.images)
				if (!this.username) {
					this.$common.errorToShow('请输入联系人');
					return false
				}
				// if (this.value == '请选择') {
				// 	this.$common.errorToShow('请选择设备类型');
				// 	return false
				// }
				// if (this.value2 == '请选择') {
				// 	this.$common.errorToShow('请选择设备品牌');
				// 	return false
				// }
				// if (!this.factory_date) {
				// 	this.$common.errorToShow('请选择出厂时间');
				// 	return false
				// }
				// if (!this.address) {
				// 	this.$common.errorToShow('请输入看车地点');
				// 	return false
				// }
				// if (!this.price) {
				// 	this.$common.errorToShow('请输入出售价格');
				// 	return false
				// }
				// if (this.images.length==0) {
				// 	this.$common.errorToShow('请上传图片');
				// 	return false
				// }
				// if (!this.name) {
				// 	this.$common.errorToShow('请输入标题');
				// 	return false
				// }
				// if (!this.info) {
				// 	this.$common.errorToShow('请输入简介');
				// 	return false
				// }
				// if (!this.hours) {
				// 	this.$common.errorToShow('请输入设备小时');
				// 	return false
				// }
				// if (!this.guLength) {
				// 	this.$common.errorToShow('请输入臂架长度');
				// 	return false
				// }
				// if (!this.car_chassis) {
				// 	this.$common.errorToShow('请输入汽车地盘');
				// 	return false
				// }
				// if (!this.pumping) {
				// 	this.$common.errorToShow('请输入泵送方量');
				// 	return false
				// }
				// if (this.value3 == '请选择') {
				// 	this.$common.errorToShow('请选择还款情况');
				// 	return false
				// }
				// if (this.value4 == '请选择') {
				// 	this.$common.errorToShow('请选择行驶证');
				// 	return false
				// }
				// if (this.value5 == '请选择') {
				// 	this.$common.errorToShow('请选择完税说明');
				// 	return false
				// }
				// if (this.value6 == '请选择') {
				// 	this.$common.errorToShow('请选择过户情况');
				// 	return false
				// }
				

			   //组装数据，提交数据--买车
				let data = {
					username: this.username, //联系人
					mobile: this.mobile, //手机号
					car_type: this.carTypeId, //设备类型
					brand_id: this.brandId, //品牌id
					factory_date: this.factory_date, //出厂年月
					address: this.area_id, //看车地点
					price: this.price, //出售价格
					name: this.name, //设备标题
					img:this.sArrString,//设备图片
					info: this.info, //设备简介
					hours: this.hours, //设备小时
					length: this.guLength, //臂架长度
					car_chassis: this.car_chassis, //汽车地盘
					pumping:this.pumpingValue, //泵送方量
					repay: this.repayId, //还款情况
					driving_license: this.drivingId, //行驶证
					prove: this.proveId, //完税证明 
					transfer_type: this.transferId //过户情况
				};
				this.$api.carDoadd(data, res => {
					if (res.status) {
						this.$common.errorToShow('提交成功', function() {
							uni.navigateTo({
								url: 'submittedSuccess'
							});
						});
					} else {
						this.$common.errorToShow(res.msg);
					}
				});
			}
		}

	}
</script>

<style>
	.button-bottom {
		position: inherit !important;
		bottom: 0;
		height: 48px !important;
		width: 100%;
		display: flex;
		z-index: 66;
		box-shadow: none !important;
	}

	.btn-b {
		background-color: #fff;
		color: #D62222;
		font-size: 16px;
	}

	.btn-square {
		padding: 0px 20px;
		height: 48px !important;
		line-height: 48px !important;
		min-width: 75px;
		border: none !important;
	}

	.uni-input-placeholder {
		color: #C7C7C7;
	}

	.uni-textarea-placeholder {
		color: #C7C7C7;
	}

	.uni-input-input {
		font-size: 14px !important;
	}

	.user-head {
		height: 100upx;
	}

	.user-head-img {
		height: 90upx;
		width: 90upx;
		border-radius: 50%;
	}

	.cell-hd-title {
		color: #333;
	}

	.cell-item-hd {
		width: 140rpx;
	}

	.cell-item-bd {
		color: #33333;
		width: 492upx;
		font-size: 14px;
		margin: 0 !important;
	}

	.button-bottom .btn {
		width: 50%;
	}

	.cell-bd-input {
		width: 100%;
	}

	.right-img .cell-item-ft {
		right: 26rpx;
	}

	/* #ifdef MP-ALIPAY */
	input {
		font-size: 24upx;
	}

	/* #endif */

	.content .btn-b {
		background-color: #D62222;
		color: #fff;
		border-radius: 4px;
		margin: 0 16px;
	}

	.content .cell-item {
		padding-left: 18px;
		width: auto;
		margin: 0;
		padding-right: 0;
	}

	.content .cell-group {
		background: none;
	}

	.maiche-icon {}


	/*上传图片*/
	.apply-body {
		font-size: 16px;
		margin-bottom: 100px;
	}

	.gener-icon {
		position: fixed;
		right: 20px;
		top: 10px;
		z-index: 999999999999;
	}

	.gener-icon image {
		width: 30px;
		height: 30px;
	}


	.info-list {
		display: flex;
		flex-direction: column;
		background-color: #fff;
		padding: 0 20px;
	}

	.info-item {
		margin: 5px 0;
		position: relative;
	}

	.info-right {
		position: absolute;
		right: 0;
		line-height: 50px;
	}

	.info-right image {
		width: 40px;
		height: 40px;
		margin-top: 5px;
		border-radius: 50%;
		margin-right: 5px;
	}

	.info-left {
		line-height: 50px;
		color: #969993;
	}

	.info-name {
		position: relative;
		top: -10px;
	}

	.info-count {
		font-size: 12px;
	}

	.info-number {
		padding-top: 20px;
		color: #969993;
	}

	.info-count-number {
		color: #F83600;
		padding-top: 10px;
		font-size: 18px;
	}

	.info-payment {
		background-color: #fff;
		padding: 10px 10px;
	}

	.info-payment-wrapper {
		display: flex;
		flex-direction: row;
		padding: 10px 0;
	}

	.info-payment-img {
		padding-right: 10px;
		height: 100px;
		width: 110px;
	}

	.info-payment-img image {
		width: 100%;
		height: 100%;
	}

	.info-title {
		padding: 10px;
	}

	.info-bottom {
		height: 80px;
		background-color: #fff;
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		justify-items: right;
		justify-content: flex-end;
		align-items: center;
		z-index: 999999;
	}

	.info-no-pass {
		height: 35px;
		margin: 0 20px;
		background-color: #D8D8D8;
		border-radius: 20px;
		text-align: center;
		line-height: 35px;
		color: #969993;
		margin-right: 10px;
	}

	.info-pass {
		height: 40px;
		background-color: #FE4D00;
		border-radius: 20px;
		text-align: center;
		line-height: 40px;
		color: #fff;
		margin: 0 20px;
	}

	.info-img {
		height: 120px;
		width: 120px;
		margin: auto;
	}

	.info-img image {
		width: 100%;
		height: 100%;
	}

	.info-text {
		font-size: 14px;
		text-align: center;
		color: #969993;
		padding-bottom: 20px;
	}

	.info-pass-rapper {
		width: 100%;
	}

	/*上传图片*/
	.question {
		width: 100%;
		min-height: 100%;
	}

	.card-content {
		padding: 10px 0 !important;
	}

	/* .question .mu-raised-button{ margin: 10px 10%; width: 80%;} */
	.question a {
		background: none;
		box-shadow: none;
		border: 1px solid rgba(17, 11, 21, 1);
		color: #110B15;
	}

	.update {
		width: 100%;
		/* height: 100%; */
	}

	.update .name {
		width: 100%;
		padding: 15px 0;
	}

	.update .name input {
		width: 100%;
		border: 0;
		height: 48px;
		background: rgba(255, 255, 255, 1);
		border-radius: 5px;
		outline: none;
		padding: 0 15px;
	}

	.update .info {
		width: 100%;
		padding: 0 15px;
	}

	.update .info p {
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(120, 120, 120, 1);
	}

	.btn_info {
		text-align: center;
		margin-top: 50px;
	}

	.update .info .btn {
		width: 309px;
	}

	.line_brief {
		background: #fff;
		border-radius: 5px;
		border: 1px solid rgba(230, 230, 230, 1);
		padding-bottom: 8px !important;
	}

	.question_list {
		position: fixed;
		top: 34px;
		z-index: 100012;
		right: 15px;
	}

	.question_list p {
		font-size: 14px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(254, 73, 70, 1);
	}

	.fk_img {
		width: 100%;
		padding: 0 15px;
		display: flex;
	}

	.up_img {
		width: 70px;
		height: auto;
		text-align: center;
		position: relative;
	}

	.up_img image {
		width: 70px;
		height: 70px;
	}

	.up_img input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.up_img .text {
		font-size: 14px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: rgba(120, 120, 120, 1);
	}

	.list_img .info {
		margin-left: 8px;
	}

	.list_img .info image {
		width: 70px;
		height: 70px;
	}

	.footer_btn {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		height: 48px;
		border-radius: 0;
		background: linear-gradient(90deg, rgba(159, 205, 164, 1) 0%, rgba(54, 157, 65, 1) 100%);
	}

	.list_img {
		display: flex;
		flex-wrap: wrap;
	}

	.evaluate-c-b {
		/* overflow: hidden; */
	}

	.upload-img {
		width: 100px;
		height: 100px;
		text-align: center;
		color: #999999;
		font-size: 11px;
		border-radius: 2px;
		display: inline-block;
		float: left;
		margin: 7px;
	}

	.goods-img-item {
		width: 100px;
		height: 100px;
		margin: 7px;
		float: left;
		position: relative;
	}

	.goods-img-item:nth-child(4n) {
		margin-right: 0;
	}

	.goods-img-item image {
		width: 100%;
		height: 100%;
	}

	.del {
		width: 62upx !important;
		height: 66upx !important;
		position: absolute;
		right: -12upx;
		top: 0;
		z-index: 99;
	}
	
		.set .cell-item-ft{
			margin-left: 26upx;
		}
		
	.phcolor{
		color: #C7C7C7;
	}
		
</style>
